


    .login{
        width: 1200px;
        position: absolute;
        left: 50%;
        top: 50%;
        background: white;
        border-radius: 8px;
        transform: translate(-50%, -50%);
        height: 580px;
        overflow: hidden;
        // background: pink;
        flex-direction: row;
        justify-content: space-between;
        z-index: 10;
        background: #fff;
        box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
        .login-left{
            width:730px;
            height: 100%;
            background: url('../assets/img/login1.png') no-repeat center center;
            background-size: cover;
        }
        .login-right{
            width: 470px;
            height:100%;
            flex-direction: row;
            justify-content: center;
                .login-right-form{
                    flex-direction: column;
                    width: 330px;
                    // background: red;
                    height: 100%;
                    align-items: center;
                    .title{
                        background: url('../assets/img/login_title.png') no-repeat center center;
                        background-size: cover;
                        width: 185px;
                        height: 50px;
                        // border: 1px dashed  #000;
                        margin-top: 70px;
                    }
                    .user-input{
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        appearance: none;
                        outline: none;
                        background:rgba(255,255,255,1);
                        border:1px solid #dddddd;
                        // border-radius:3px;
                        box-shadow: none;
                        display: block;
                        padding: 0;
                        margin: 0;
                        width: 100%;
                        height: 32px;
                        font-style: inherit;
                        font-variant: inherit;
                        font-weight: inherit;
                        font-stretch: inherit;
                        font-size: inherit;
                        color: rgba(0,0,0,.87);
                        font-family: inherit;
                        position: relative;
                        box-shadow: 0 0 0px 1000px #ffffff inset !important;
                        color: rgba(0, 0, 0, 0.87);
                        margin-top: 40px;

                        &::-webkit-input-placeholder {
                            /* placeholder颜色  */
                            color: #000;
                            /* placeholder字体大小  */
                            font-size: 14px;
                            font-family:SourceHanSansCN-Light;
                            font-weight:bold;
                            color:rgba(51,51,51,1);
                            line-height:32px;
                            padding-left: 10px;
                         }
                   
                    }
                    .r-psw {
                        width: 100%;
                        flex-direction: row;
                        justify-content: flex-end;
                        margin-top: 25px;
                        align-items: center;
                        .login-box{
                        -webkit-appearance: none;
                         vertical-align:middle;
                         margin-top:0;
                         background:#fff;
                         border:#999 solid 1px;
                         border-radius: 3px;
                         height: 14px;
                         width: 14px;
                        
                            &:checked {
                            position: relative;
                            &::after{
                                content: '';
                                position: absolute;
                                top: 2px;
                                left: 1px;
                                position: absolute;
                                background: transparent;
                                border: #606266 solid 2px;
                                border-top: none;
                                border-right: none;
                                height: 4px;
                                width: 8px;
                                -moz-transform: rotate(-45deg);
                                -ms-transform: rotate(-45deg);
                                -webkit-transform: rotate(-45deg); 
                                transform: rotate(-45deg);
                        }
                    }
                        }
                        span{
                            display: inline-block;
                            padding-left: 10px;
                            line-height: 19px;
                            font-size: 14px;
                            color: #606266;
                            font-weight: 500;
                        }
                    }
                    .login-btn{
                        width: 100%;
                        height: 40px;
                        line-height: 40px;
                        border-radius: 4px;
                        background: #7E2C2E;
                        border: none;
                        color: white;
                        font-size: 14px;
                        margin-top: 50px;
                        cursor: pointer;
                        outline: none;
                    }
                    .pic{
                        flex-direction: column;
                        align-items: center;
                        width: 185px;
                        height: 185px;
                        .img_box{
                            width: 165px;
                            height: 165px;
                            // border: 1px dashed #000;
                            display: flex;
                            flex-direction: row;
                            justify-content: center;
                            align-items: center;
                            img{
                                width: 90%;
                                height: 90%;
                            }
                        }
                      
                        span{
                            font-size: 12px;
                            color: #888888;
                            font-family: SourceHanSansCN-Light;
                            margin-top: 10px;
                        }
                        margin-top: 15px;
                    }
                    .weixin1{
                      
                        margin-top: 130px;
                      
                        }    
                    .weixin{
                        flex-direction: row;
                        justify-content: center;
                        // margin-top: 60px;
                        height: 14px;
                        &:hover i{
                            color: #00b333;
                        }
                        i{
                            // background: url('../assets/img/微信.png') no-repeat center center;
                            // width: 20px;
                            // height: 16px;
                            color: #888888;
                            cursor: pointer;
                            &:hover{
                                color: #00b333;
                            }
                        }    
                        p{
                            cursor: pointer;
                            margin-left: 5px;
                            font-size: 12px;
                            color: #888888;
                            font-family:SourceHanSansCN-Light;  
                           
                            &:hover{
                                color: #00b333;
                            }
                        }
                       
                    }
                }
              
              
        }
        
    }
 